<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <!-- Latest compiled and minified CSS -->
    <include file="share:meta"/>


    <link rel="stylesheet" type="text/css" href="../Public/js/plugin/select2/select2.min.css">
    <script type="text/javascript" src='../Public/js/plugin/select2/select2.full.min.js'></script>


<script type="text/javascript">
function checkform() {
	if($("input[name=time]").val()=='') {
		$("input[name=time]").css('color',"#f00");
		return false;
	}
	
	if($("select[name=ShopId]").val()=='') {
		$("select[name=ShopId]").css('color',"#f00");
		return false;
	}
	
	return true;
}
</script>

</head>

<body class="reserve">
    <div id="common" class="container-fluid">


        <include file="share:header" />

        <div class="row formstyle" style="background:#fff;">
            <form action="" method="post" enctype="multipart/form-data" onSubmit="return checkform();">
            <input type="hidden" class="" name="reserve" value="add" />
            
            <div class="hang kuang">
                <div class="col-xs-1"></div>
                <div class="col-xs-10 line lineAuto">
                预约项目：&nbsp;{$ProjectName}
                <input type="hidden" class="" name="ProductPackageId" value="{$ProjectID}" />
                <input type="hidden" class="" name="ProductPackageNameStr" value="{$ProjectName}" />
                </div>
                <div class="col-xs-1"></div>
            </div>
            <div class="hang kuang">
                <div class="col-xs-1"></div>
                <div class="col-xs-9 line">
                    预约日期：
                    <input type="date" class="date" name="date" value='{$Think.now|substr=0,10}' style="width:60%;" />
                </div>
                <div class="col-xs-1 line">
                	<i class="me-date"></i>
                </div>
                <div class="col-xs-1"></div>
            </div>
            <div class="hang kuang">
                <div class="col-xs-1"></div>
                <div class="col-xs-9 line">
                    预约时间：
                    <input type="time" class="time" name="time" value='{$Think.now|date="H:i",###}'  style="width:60%;" />
                </div>
                <div class="col-xs-1 line">
                	<i class="me-clock"></i>
                </div>
                <div class="col-xs-1"></div>
            </div>
            <div class="hang kuang">
                <div class="col-xs-1 line"></div>
                <div class="col-xs-9 line">
                    预约门店：
                    <select name="ShopId" id="" class="" style="width:60%;">
                        <option value="">请选择门店</option>
                        <volist name="store" id="vo">
                            <option value="{$vo.id}">{$vo.Shop}</option>
                        </volist>
                    </select>
                </div>
                <div class="col-xs-1 line">
                	<i class="me-store"></i>
                </div>
                <div class="col-xs-1 line"></div>
            </div>
            
            <div class="hang kuang" style="background:#eeeeee; height:40px; line-height:40px; margin-bottom:5px;">
                <div class="col-xs-1"></div>
                <div class="col-xs-10" style="padding-left:4px;">预约备注</div>
                <div class="col-xs-1"></div>
            </div>
            
            <div class="hang kuang">
                <div class="col-xs-1"></div>
                <div class="col-xs-10 line">
                    <textarea name="Remarks" class="form-control" rows="3"></textarea>
                </div>
                <div class="col-xs-1"></div>
            </div>
            <br><br>
            <br>
            <div class="hang tijiao">
                <div class="col-xs-2"></div>
                <div class="col-xs-8">
                    <input type="submit" value="预&nbsp;&nbsp;约" />
                </div>
                <div class="col-xs-2"></div>
            </div>
            <div class="hang title">
                <div class="col-xs-2"></div>
                <div class="col-xs-8 textcenter"><a class="fontcolor01" href="/club/account/reserve">重新选择预约项目</a></div>
                <div class="col-xs-2"></div>
            </div>
            </form>
        </div>
    </div>
    <include file="share:menu" />
</body>

</html>
